<?php 
session_start();
if(!isset($_SESSION['id_u'])){
    header('Location: index.php');
} ?>
<!DOCTYPE html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>TSM - Tiempo</title>
</head>
<script src="ajax/ajax.js" type="text/javascript"></script>
<script type="text/javascript">

    function enviarDatos() {
        var f = document.getElementById('id').value;
        datos = "f=" + f;
        tiempo(datos, "c_vert.php");
    }
</script>
<style>
    nav {
        left : 0;
        width : 100%;
        background : url(imagenes/imagen_nav.png);
    }
    nav ul {
        margin : 0 auto;
        width : 940px;
        list-style : none;
    }
    nav ul li {
        float : left;
    }
    nav ul li a {
        display : block;
        margin-right : 20px;
        width : 140px;
        font-size : 14px;
        line-height : 44px;
        text-align : center;
        text-decoration : none;
        color : #ccc;
    }
    nav ul li a:hover {
        color : #fff;
    }
    nav ul li.selected a {
        color : #fff;
    }
    input {
        border-radius: 5px;
        text-align : center;
        margin: 0 0 17px;
    }
    textarea{
        border-radius: 5px;
        font-size : 8pt;
        font-family : verdana,arial;
    }
    p  { 
        margin: 0 0 17px; 
        line-height: 1.6em; 
    }
    table {
        font-size: 95%;
        font-family: 'Lucida Grande', Helvetica, verdana, sans-serif;
        background-color: #151515;
        border-collapse: collapse;
        width: 100%;
        line-height: 1.2em;
    }
    caption {
        font-size: 30px;
        font-weight: bold;
        color: #151515;
        text-align: left;
        padding: 10px 0px;
        margin-bottom: 2px;
        text-transform: capitalize;
    }
    thead th {
        border-right: 2px solid rgb(228, 101, 0);
        color: #fff;
        text-align:center;
        padding:2px;
        height:25px;
        background-color: rgb(242, 173, 0);
    }
    tfoot {
        color: #fff;
        padding:2px;
        text-transform:uppercase;
        font-size:1.2em; 
        font-weigth: bold;
        margin-top:6px;
        border-top: 6px solid rgb(228, 101, 0);
        border-bottom: 6px solid rgb(228, 101, 0);
        border-right: 6px solid rgb(228, 101, 0);
    }
    tbody tr {
        background-color: rgb(228, 101, 0);
        border-bottom: 2px solid darkorange;
        border-right: 2px solid rgb(228, 101, 0);
    }
    tbody td {
        color: #fff;
        padding:5px;
        text-align:left;
    }
    tbody th {
        text-align:left;
        padding: 2px;
    }
    tbody td a, tbody th a {
        color: #fff;
        text-decoration:underline;
        font-weight:normal; 
    }
    tbody td a:hover, tbody th a:hover {
        text-decoration:none;
    }
</style>
<body onload="enviarDatos();">
    <div style="float:left; width:100%; height: 1%; background-color: rgb(228, 101, 0); color: #fff; text-align: right;"><?php echo $_SESSION['nombre'].' '.$_SESSION['apellido']; ?><a href="cerrar.php" style="color: #fff; text-decoration: none;"> (cerrar sesion)</a></div>
    <div style="float:left; width:100%; background-color: rgb(242, 173, 0);">
        <div style="float:left; width:15%">
            <div id="imagenes/logo_udc.png" sty><img src="logo_udc.png" width="142" height="107"></div>
        </div>

        <div style="float:left; width:85%; font-size:30pt; font-weight:bold; padding-top:35px;">TSM Team Support Manager</div>
    </div>

    <div style="float:left; background : url(imagenes/imagen_nav.png); width:100%;"><nav>
            <ul class="sf-menu" id="nav">
                <li><a href="inicio.php">Inicio</a></li>
                <li><a href="tiempo.php">Registro de tiempo</a></li>
                <li><a href="defectos.php">Registro de defectos</a>
                </li>
                <li class="selected"><a href="verTiempo.php">Tiempo</a></li>
                <li><a href="verDefectos.php">Defectos</a></li>
            </ul>
        </nav></div>


    <div id="bodycuerpo" style="width:100%; float:left; height:600px; background-color: rgb(228, 101, 0);">
        <div style="float:left; width:60%; height: 90%; margin-left:20%;margin-top: 20px; margin-bottom: 2%; text-align:center; font-weight:bold; color:white;">
            <form id="mes" style=" text-align: center;">
                <input id="id" type="text" value="" hidden="">
            </form>

        </div>
    </div>
    <div id="footer" style="float:left;background : url(imagenes/imagen_nav.png); width:100%; font-size : 14px;
         line-height : 44px;
         text-align : center;
         text-decoration : none;
         color : #ccc;">Jonathan Lozano-Ling Lung-Harold Solorzano</div>

</body>
</html>
